<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设置边框样式</title>
  <style>
    h2{border-style: double}
    .one{
      border-top-style: dotted;
      border-bottom-style: dotted;
      border-left-style: solid;
      border-right-style: solid;
      border-color: pink red blue;
    }
    .two{
      border-style: solid dotted dashed;
      border-color: red blue;
    }
    p{
      border-width: 1px;
      border-top-width: 8px;
      border-color: purple;
    }
    h3{
      border:purple 5px solid;
    }
  </style>
</head>
<body>
<h2>边框样式——双实线</h2>
<p class="one">边框样式——上下为点线，左右为单实线。</p>
<p class="two">边框样式——上边框为单实线，左右为点线，下为虚线</p>
<h3>边框样式——紫色、虚线、5像素</h3>
</body>
</html>